


<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>玉米仓库信息管理</title>

     <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- FooTable -->
    <link href="../css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <style>
        #page-wrapper
        {
            margin: 0 0 0 0px;
        }
    </style>

</head>
<!-- 网页原名contacts.html -->
<body>
<div id="wrapper">

    <!-- 头部导航 -->
    <div id="page-wrapper" class="gray-bg dashbard-1">


        <!-- 此处以上皆可通用 -->

            <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-12">
                <h2>库存管理</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li class="active">
                        <a href="response.html"><strong>库存列表</strong></a>
                    </li>
                    <li class="active">
                        <strong>库存一</strong>  <!-- 仓库名 -->
                    </li>
                </ol>
            </div>
        </div>
     <div class="col-lg-12">
         <div class="ibox-content m-b-sm border-bottom">
                <div class="row">
                    <form>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <label class="control-label" for="产品名称">产品名称</label>
                            <input type="text" id="product_name" name="product_name" value="" placeholder="产品名称" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <label class="control-label" for="产品类别">产品类别</label><br>
                            <select class="form-control">
                                <option>产品类别</option>
                                <option>类别一</option>
                                <option>类别二</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <label class="control-label" for="产品进价">产品进价</label>
                            <input type="text" id="price" name="price" value="" placeholder="产品进价" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <label class="control-label" for="保质期">保质期   <small>单位：月</small></label>
                            <input type="text" id="quantity" name="quantity" value="" placeholder="保质期" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <label class="control-label" ></label>
                           <input type="submit" value="点击查询" class="form-control">
                        </div>
                    </div>
                </form>
                    <div class="col-sm-2">
                        <div class="form-group">
                        <label class="control-label" ></label>
                           <input type="button"  value="添加新品" class="form-control" onclick="addshop()"/>
                        </div>
                    </div>
                </div>
            </div>




            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-content">

                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                                <thead>
                                <tr>
                                    <th data-toggle="true">产品名称</th>
                                    <th data-hide="all">产品描述</th>
                                    <th data-hide="phone,tablet">所属类别</th>
                                    <th data-hide="phone,tablet" >保质期</th>
                                    <th data-hide="phone">进价</th>
                                    <th data-hide="phone">库存</th>
                                    <th class="text-right" data-sort-ignore="true">操作
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                                </tr>
                                </thead>
                                <tbody>
                                 <tr>
                                    <td>
                                        敌敌畏2号
                                    </td>

                                    <td>
                                        超级无敌，呜呜呜呜呜呜呜呜撒谎发静安寺盒饭咖啡哈，阿斯钢弘法寺感觉空间按按键
                                    </td>
                                    <td>
                                       健康饮品
                                    </td>
                                    <td>
                                        15个月    
                                    </td>
                                    <td>
                                        $300
                                    </td>
                                     <td>
                                        300
                                    </td>
                                    <td class="text-right">
                                        <div class="btn-group">
                                            <button class="btn-white btn btn-xs" onclick="layers(1);">详情</button>
                                          
                                            <button class="btn-white btn btn-xs" onclick="del(1);">下架</button>
                                          
                                            <button type="button" class="btn-white btn btn-xs" data-toggle="modal" data-target="#myModal">
                                               补货
                                            </button>
                                    
                                    <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog">
                                        <div class="modal-content animated bounceInRight">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                                    <h4 class="modal-title">商品信息</h4>
                                                    <small class="font-bold">Here is the product information.</small>
                                                </div>
                                                <div class="modal-body">
                                                    <p><strong>产品名称：</strong> xxxx</p>
                                                    <p><strong>产品编号：</strong> xxxx</p>
                                                    <p><strong>保质期：</strong> xxxx</p>
                                                    <p><strong>供货商：</strong> xxxx</p>
                                                    <p><strong>库存：</strong> xxxx</p>
                                                    <form action="layouts.html" method="post">
                                                        <p>
                                                        <table>
                                                            <tr>
                                                                <td><strong>备注：</strong> </td>
                                                                <td><textarea name="a" style="width:200px;height:80px;"></textarea></td>
                                                            </tr>
                                                        </table>
                                                        </p>
                                                        <div>
                                                            <p class="f1"><strong style="color: red;">补货数量：</strong></p>
                                                            <div class="gw_num f1">
                                                                <em class="jian"><span style="color: red;">-</span></em>
                                                                <input type="text" value="1" class="num"/>
                                                                <em class="add"><span style="color: red;">+</span></em>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <br><br>
                                                            <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                                            <button type="submit" class="btn btn-primary">确定</button>
                                                        </div>
                                                    </form>
                                            </div>
                                        </div>
                                        </div>
                                    </td>
                                </tr>

                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="6">
                                        <ul class="pagination pull-right"></ul>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
          </div>

         <div class="footer">
              <div class="pull-right"> </div>
                 <div>
                     <strong>Copyright</strong> 玉米网络科技工作室 &copy; 2017-2027
                 </div>
              </div>
         </div>
    </div>   
</div>

<!-- Mainly scripts -->
    <script src="../js/jquery-2.1.1.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!-- Custom and plugin javascript -->
    <script src="../js/inspinia.js"></script>
    <script src="../js/plugins/pace/pace.min.js"></script>
   <!--  layer -->
   <script src="../layer/layer.js"></script>
    <!-- FooTable -->
    <script src="../js/plugins/footable/footable.all.min.js"></script>

    <!-- Page-Level Scripts -->

 <script>


     $(document).ready(function() {

            $('.footable').footable();

           $(".add").click(function(){
            var n=$(this).prev().val();
            var num=parseInt(n)+1;
            if(num==0){ return;}
            $(this).prev().val(num);
            });
            //减的效果
            $(".jian").click(function(){
            var n=$(this).next().val();
            var num=parseInt(n)-1;
            if(num==0){ return}
            $(this).next().val(num);
            });
        });

     function layers(id){
        layer.open({
        type: 2,
        closeBtn: 0, //不显示关闭按钮
        title: '产品详情',
        btn: ['  确  定  '], //只是为了演示
        moveType: 1,
        area: ['400px', '550px'],
        content: 'layoutContent.html?id=xx',
      }); 
     }
     
     function del(id){
        layer.open({
            content: '您确定要下架吗？'
            ,btn: ['确定', '不要']
            ,yes: function(index){
              location.href="action?id=?"  /*删除的action*/
              layer.close(index);
            }
          });
     }


     function las(id){
        layer.open({
        type: 2,
        closeBtn: 1, //不显示关闭按钮
        title: '补货',
        moveType: 1,
        area: ['412px', '720px'],
        content: 'addlayouts.html?id=xx',
      }); 

     }

    function addshop(){
        location.href="addlayout.html";
    }


 </script>



</body>

</html>
